<script type="text/javascript" src="{$base_dir}js/selectboxes.js"></script>
<p/>

<div id="service_group" class="form_container" style="width: 570px;">		
	<table >
    	<tr>
			<td class="label">{translate}Service group{/translate}</td>
			<td class="field" >
				<select id="ServiceGroup" onchange="getServices();"style="margin-left: 5px; width: 190px">
					<option value="" label=" - - {translate}Select service group{/translate} - - "> - - {translate}Select service group{/translate} - -</option>
					{foreach from=$serviceGroupList item=service_group}
						<option value={$service_group.service_group_id}>{$service_group.name}</option>
					{/foreach}
				</select>				
			</td>
		</tr>
	</table>
</div>
<div id="services" class="form_container" style="width: 570px; display: none;" >
		
</div>	


	





